﻿<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>web前端工程师个人简历</title>
    <meta name="keywords" content="个人简历,web前端工程师,个人主页,web技术交流">
    <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="css/index.min.css">
    <link rel="icon" href="/favicon.ico" type="image/x-icon" />
    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
    <link rel="Bookmark" href="/favicon.ico" />
    <!--[if lt IE 9]>
    <script src="js/html5shiv.js"></script>
    <script src="js/respond.js"></script>
    <![endif]-->
</head>
<body>
    <div id="bg-image">
        <img src="images/1.jpg" alt="">
    </div>
    <div id="main-page">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="row">
                        <div class="col-md-3  left-bg">
                            <div class="row">
                                <div class="col-md-12 col-sm-3 col-xs-12">
                                    <div id="profile-img">
                                        <img src="images/p.jpg" alt="">
                                    </div>
                                </div>
                                <div class="col-md-12 col-sm-9 col-xs-12">
                                    <div id="profile-top">
                                        <h2>张成广</h2>
                                        <h4>web前端工程师 &1年</h4>
                                        <p>中国 · 北京 · 海淀区</p>
                                    </div>
                                    <div id="profile-mid">
                                        <p>个人工作态度端正，有良好进取心，学习能力强，可快速融入团队。</p>
                                        <p style="margin-top:-10px;">熟悉W3C标准，对表现与数据分离、Web语义化等有深刻理解。 深入理解JavaScript面向对象原理、熟悉MVC的设计模式。 理解AJAX运作机制，熟练掌握JQuery等主流JS框架。 能够熟练应用HTML/CSS/JavaScript技术，开发符合W3C标准的网站前端页面。 
                                    </div>
                                    <div id="profile-bot"></div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-9">
                            <div id="content">
                                <div id="content-resume">
                                    <div class="content-container">
                                        <h3>个人简介</h3>
                                        <div class="content-item-01">
                                            <div class="resume">
                                                <span>基 本 信 息</span>
                                                <ul>
                                                    <li>
                                                        <i class="glyphicon glyphicon-user"></i>
                                                        <label>姓名</label>
                                                        <s>张成广</s>
                                                    </li>
                                                    <li>
                                                        <i class="glyphicon glyphicon-calendar"></i>
                                                        <label>出生日期</label>
                                                        <s>1993年9月17日</s>
                                                    </li>
                                                    <li>
                                                        <i class="glyphicon glyphicon-education"></i>
                                                        <label>学历</label>
                                                        <s>大学本科</s>
                                                    </li>
                                                    <li>
                                                        <i class="glyphicon glyphicon-phone"></i>
                                                        <label>电话</label>
                                                        <s>18310276626</s>
                                                    </li>
                                                    <li>
                                                        <i class="glyphicon glyphicon-envelope"></i>
                                                        <label>邮箱</label>
                                                        <s>malijiav5@163.com</s>
                                                    </li>
                                                    <li>
                                                        <i class="glyphicon glyphicon-home"></i>
                                                        <label>个人主页</label>
                                                        <s>www.malijia.com.cn</s>
                                                    </li>
                                                    <li>
                                                        <i class="glyphicon glyphicon-modal-window"></i>
                                                        <label>目前状态</label>
                                                        <s>离职</s>
                                                    </li>
                                                    <li>
                                                        <i class="glyphicon glyphicon-flag"></i>
                                                        <label>期望工作</label>
                                                        <s>web前端工程师</s>
                                                    </li>
                                                    <li>
                                                        <i class="glyphicon glyphicon-plane"></i>
                                                        <label>期望行业</label>
                                                        <s>互联网、电子商务、游戏、生活服务</s>
                                                    </li>
                                                </ul>
                                            </div>
                                            <div class="crl">
                                                <div class="carousel slide" data-ride="carousel" data-interval="3000">
                                                    <div class="carousel-inner">
                                                        <div class="item">
                                                            <img src="images/about_1.jpg">
                                                        </div>
                                                        <div class="item active">
                                                            <img src="images/about_2.png">
                                                        </div>
                                                        <div class="item">
                                                            <img src="images/about_3.png">
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>

                                        </div>

                                    </div>
                                </div>
                                <div id="content-skill">
                                    <div class="skill-container">
                                        <h3>个人履历</h3>
                                        <div class="skill">
                                            <span style="margin-top:0;">前端语言</span>
                                            <div class="html">
                                                <s>Html</s>
                                                <i>94%</i>
                                            </div>
                                            <div class="css">
                                                <s>CSS</s>
                                                <i>96%</i>
                                            </div>
                                            <div class="js">
                                                <s>JavaScript</s>
                                                <i>90%</i>
                                            </div>
                                            <div class="less">
                                                <s>Less</s>
                                                <i>85%</i>
                                            </div>
                                            <span>前端框架</span>
                                            <div class="jq">
                                                <s>jQuery</s>
                                                <i>80%</i>
                                            </div>
                                            <div class="bs">
                                                <s>bootStrap</s>
                                                <i>65%</i>
                                            </div>
                                            <div class="agl">
                                                <s>angularJS</s>
                                                <i>50%</i>
                                            </div>
                                            <div class="jqm">
                                                <s>jQuery Mobile</s>
                                                <i>60%</i>
                                            </div>
                                            <div class="ext">
                                                <s>ExtJs</s>
                                                <i>43%</i>
                                            </div>
                                            <span>服务器</span>
                                            <div class="php">
                                                <s>PHP</s>
                                                <i style="top:710px;">20%</i>
                                            </div>
                                            <div class="sql">
                                                <s>SQL</s>
                                                <i style="top:750px;">20%</i>
                                            </div>
                                            <div class="http">
                                                <s>HTTP协议</s>
                                                <i>65%</i>
                                            </div>
                                            <span>工具软件</span>
                                            <div class="storm">
                                                <s>webStorm</s>
                                                <i>90%</i>
                                            </div>
                                            <div class="svn">
                                                <s>SVN</s>
                                                <i>70%</i>
                                            </div>
                                            <div class="ps">
                                                <s>PhotoShop</s>
                                                <i style="top:1010px;">30%</i>
                                            </div>
                                            <div class="axu">
                                                <s>Axure</s>
                                                <i>60%</i>
                                            </div>
                                            <div class="space"></div>
                                        </div>
                                        <div class="exp">
                                            <span style="margin-top:0;">工作经验</span>
                                            <div class="exp-content">
                                                <div class="exp-top">
                                                    <s>产品规划工程师</s>
                                                    <i class="glyphicon glyphicon-calendar"></i>
                                                    <label>2013.11-2015.11</label>
                                                </div>
                                                <div class="exp-mid">
                                                    <b class="glyphicon glyphicon-map-marker"></b>
                                                    <span>富盛科技股份有限公司</span>
                                                    <p>工作地点：北京</p>
                                                    <p style="margin-top:-13px">工作职责：</p>
                                                    <ul>
                                                        <li>（1）协助web产品的开发</li>
                                                        <li>（2）负责研发需求的调研与收集</li>
                                                        <li>（3）负责公司与的OEM合作与独立开发研发任务的研讨</li>
                                                        <li>（4）负责公司开发过程监控与跟踪（硬件与软件）</li>
                                                        <li>（5）负责公司各部门各人员的开发协调</li>
                                                        <li>（6）负责对项目组成员及其它部门相关人员进行产品功能培训</li>

                                                    </ul>
                                                </div>
                                            </div>
                                            <div class="exp-content">
                                                <div class="exp-top">
                                                    <s>技术支持工程师</s>
                                                    <i class="glyphicon glyphicon-calendar"></i>
                                                    <label>2012.11-2013.11</label>
                                                </div>
                                                <div class="exp-mid">
                                                    <b class="glyphicon glyphicon-map-marker"></b>
                                                    <span>达实智能股份有限公司</span>
                                                    <p>工作地点：北京</p>
                                                    <p style="margin-top:-13px">工作职责：</p>
                                                    <ul>
                                                        <li>（1）售前技术支持<br>
                                                            售前方案编写；客户系统演示、讲解；客户技术问题答复交流等
                                                        </li>
                                                        <li>（2）售后技术支持<br>
                                                            系统现场联调；设备维护维修，查找问题；解决客户在使用过程中遇到的技术问题；客户技术培训
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                            <span style="margin-top:0;">教育经历</span>
                                            <div class="exp-content">
                                                <div class="exp-top">
                                                    <s>web前端工程师</s>
                                                    <i class="glyphicon glyphicon-calendar"></i>
                                                    <label>2015.09-2016.03</label>
                                                </div>
                                                <div class="exp-mid">
                                                    <b class="glyphicon glyphicon-map-marker"></b>
                                                    <span>达内培训学校</span>
                                                    <p>地点：北京</p>
                                                    <p>进行为期5个月的web前端相关知识的学习培训。</p>
                                                </div>
                                            </div>
                                            <div class="exp-content">
                                                <div class="exp-top">
                                                    <s>本科</s>
                                                    <i class="glyphicon glyphicon-calendar" style="right:-190px;"></i>
                                                    <label>2008.09-2012.07</label>
                                                </div>
                                                <div class="exp-mid">
                                                    <b class="glyphicon glyphicon-map-marker"></b>
                                                    <span>西南名族大学</span>
                                                    <p>地点：成都</p>
                                                    <p>大学本科主修自动化专业。</p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div id="content-works">
                                    <div class="works-container">
                                        <h3>我的作品</h3>
                                        <div class="work-img">
                                            <ul>
                                                <li id="jd">
                                                    <a href="#">
                                                        <img src="images/jd.jpg" alt="">
                                                    </a>
                                                    <div class="jd-mark">
                                                        <h4></h4>
                                                        <p></p>
                                                    </div>
                                                </li>
                                                <li id="intel"  style="margin-left:10px;">
                                                    <a href="#">
                                                        <img src="images/intel.jpg">
                                                    </a>
                                                    <div class="intel-mark">
                                                        <h4></h4>
                                                        <p></p>
                                                    </div>
                                                </li>
                                                <li id="game">
                                                    <a href="#">
                                                        <img src="images/game2048.jpg" alt="">
                                                    </a>
                                                    <div class="game-mark">
                                                        <h4></h4>
                                                        <p></p>
                                                    </div>
                                                </li>
                                                <li id="p360"  style="margin-left:10px;">
                                                    <a href="#">
                                                        <img src="images/p360.jpg" alt="">
                                                    </a>
                                                    <div class="p360-mark">
                                                        <h4></h4>
                                                        <p></p>
                                                    </div>
                                                </li>
                                            </ul>
                                        </div>
                                        <s></s>
                                    </div>
                                </div>
                                <div id="content-side">
                                    <ul>
                                        <li id="icon-resume">
                                            <div>
                                                <i class="glyphicon glyphicon-user"></i>
                                            </div>
                                        </li>
                                        <li id="icon-skill">
                                            <div>
                                                <i class="glyphicon glyphicon-book"></i>
                                            </div>
                                        </li>
                                        <li id="icon-works">
                                            <div>
                                                <i class="glyphicon glyphicon-hdd"></i>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
<script src="js/jquery_1.11.3.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/main.min.js"></script>
</body>
</html>